import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      redirect: '/home',
      meta: {title: '首页'}
    },
    {
      path: '/home',
      component: ()=> import('../pages/Home.vue'),
      name: 'home',
      meta: {title: '首页', name: 'home', isTab: true}
    },
    {
      path: '/category',
      component: ()=> import('../pages/Category.vue'),
      name: 'category',
      meta: {title: '分类', isTab: true, isShowNav: true}
    },
    {
      path: '/message',
      component: ()=> import('../pages/Message.vue'),
      name: 'message',
      meta: {title: '信息', isTab: true, isShowNav: true}
    },
    {
      path: '/cart',
      component: ()=> import('../pages/Cart.vue'),
      name: 'cart',
      meta: {title: '购物车', isTab: true, isShowNav: true, isShowBack: true}
    },
    {
      path: '/user',
      component: ()=> import('../pages/User.vue'),
      name: 'user',
      meta: {title: '我的', isTab: true}
    },
    {
      path: '/login',
      component: ()=> import('../pages/Login.vue'),
      name: 'login',
      meta: {title: '登录', isTab: true, isShowNav: true, isShowBack: true}
    },
    {
      path: '/register',
      component: ()=> import('../pages/Register.vue'),
      name: 'register',
      meta: {title: '注册', isTab: true, isShowNav: true, isShowBack: true}
    },
    {
      path: '/goodsList/:category_id',
      component: ()=> import('../pages/GoodsList.vue'),
      props: true,
      name: 'goodslist',
      meta: {title: '商品列表', isTab: true, isShowNav: true, isShowBack: true}
    },
    {
      path: '/goodsDetail/:id',
      component: ()=> import('../pages/GoodsDetail.vue'),
      props: true,
      name: 'goodsDetail',
      meta: {title: '商品详情', isTab: false, isShowNav: true, isShowBack: true}
    }
  ]
})

router.beforeEach((to, from, next) => {
  const title = to.meta && to.meta.title
  if(title) {
    document.title = title + ' - 微商城'
  }
  next()
})
export default router